// 需求一 点击div 2s后变色
let adColor = document.getElementById('ad');

adColor.addEventListener('click', function () {
  setTimeout(() => {
    let that = this;
    // console.log(this); //<div id="ad"></div>
    that.style.background = 'pink'
  }, 2000);
})

// 需求二 从数组中返回偶数的元素
const arr = [1, 32, 45, 3, 5, 73, 6, 9, 8];
// const result = arr.filter(function (item) {
//   if (item % 2 === 0) {
//     return true;
//   } else {
//     return false;
//   }
// })

// const result = arr.filter(item => {
//   if (item % 2 === 0) return true;
//   else return false;
// })

// 简写
const result = arr.filter(item => item % 2 === 0)
console.log(result); // [32, 6, 8]

// # 箭头函数适合与this无关的回调,如定时器,数组的方法回调
// # 箭头函数不适合与this有关的回调,如dom事件回调,对象的方法